Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(select): add select option background-color #1088

Merged
merged 1 commit into from
Dec 7, 2023

Conversation

williamernest
Copy link
Contributor

PR Checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been added / updated (for bug fixes / features)
  • If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

What is the current behavior?

The background of the select options dropdown is white when in dark mode (on Windows), making the text difficult to read.

Issue Number: CDE-1492

What is the new behavior?

This fix adds the background-color of the options to match the textarea in the clr theme, and uses the cds-alias-object-interaction-background token in the cds theme.

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

image (2)

Copy link
Contributor

github-actions bot commented Dec 6, 2023

👋 @williamernest,

  • 🙏 The Clarity team thanks you for opening a pull request
  • 🎉 The build for this PR has succeeded
  • 🔍 The PR is now ready for review
  • 🍿 In the meantime, view a preview of this PR
  • 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal #clarity-support Slack channel

Thank you,

🤖 Clarity Release Bot

Copy link
Contributor

github-actions bot commented Dec 6, 2023

This PR introduces visual changes: 3d1f947
If these changes are intended and correct, please cherry-pick the above commit to this PR.

git checkout wernest/fix_select_option_background_color
git fetch /~https://github.com/vmware-clarity/ng-clarity.git 3d1f947b0486fb34488189badbe002d9b88cf16d
git cherry-pick 3d1f947b0486fb34488189badbe002d9b88cf16d
git push

Copy link
Contributor

github-actions bot commented Dec 6, 2023

This PR introduces visual changes: a87a099
If these changes are intended and correct, please cherry-pick the above commit to this PR.

git checkout wernest/fix_select_option_background_color
git fetch /~https://github.com/vmware-clarity/ng-clarity.git a87a099e2f1490ffad4f5c4677d1f65854dce767
git cherry-pick a87a099e2f1490ffad4f5c4677d1f65854dce767
git push

@williamernest
Copy link
Contributor Author

There are no visual regressions in this change. The above regression comments are due to a flaky test for the button loading state (I think). I'm investigating that in a separate PR.

williamernest added a commit that referenced this pull request Dec 7, 2023
Update the playwright config to allow two retries for failed tests. When
a test fails, that individual test will be retried twice, and if it
fails every time, the last screenshot will be retained for different
comparisons. This should help overcome the flaky button issues seen on
this PR and #1088 .

---------

Co-authored-by: GitHub <noreply@github.com>
williamernest added a commit that referenced this pull request Dec 7, 2023
Update the playwright config to allow two retries for failed tests. When
a test fails, that individual test will be retried twice, and if it
fails every time, the last screenshot will be retained for different
comparisons. This should help overcome the flaky button issues seen on
this PR and #1088 .

---------

Co-authored-by: GitHub <noreply@github.com>
@williamernest williamernest force-pushed the wernest/fix_select_option_background_color branch from 3025b34 to bb1294c Compare December 7, 2023 16:28
@williamernest williamernest merged commit b64ad15 into main Dec 7, 2023
@williamernest williamernest deleted the wernest/fix_select_option_background_color branch December 7, 2023 22:57
williamernest added a commit that referenced this pull request Dec 7, 2023
Please check if your PR fulfills the following requirements:

- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)
- [ ] If applicable, have a visual design approval

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

The background of the select options dropdown is white when in dark mode
(on Windows), making the text difficult to read.

Issue Number: CDE-1492

This fix adds the background-color of the options to match the textarea
in the clr theme, and uses the cds-alias-object-interaction-background
token in the cds theme.

- [ ] Yes
- [x] No

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

![image
(2)](/~https://github.com/vmware-clarity/ng-clarity/assets/34519388/25dc547e-5d03-4981-b49b-219c8d26c727)
williamernest added a commit that referenced this pull request Dec 7, 2023
… (#1096)

Update the playwright config to allow two retries for failed tests. When
a test fails, that individual test will be retried twice, and if it
fails every time, the last screenshot will be retained for different
comparisons. This should help overcome the flaky button issues seen on
this PR and #1088 .

Port of #1089

Co-authored-by: GitHub <noreply@github.com>
dtsanevmw pushed a commit that referenced this pull request Dec 9, 2023
… (#1096)

Update the playwright config to allow two retries for failed tests. When
a test fails, that individual test will be retried twice, and if it
fails every time, the last screenshot will be retained for different
comparisons. This should help overcome the flaky button issues seen on
this PR and #1088 .

Port of #1089

Co-authored-by: GitHub <noreply@github.com>
Copy link
Contributor

🎉 This PR is included in version 16.2.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

williamernest added a commit that referenced this pull request Dec 13, 2023
Please check if your PR fulfills the following requirements:

- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)
- [ ] If applicable, have a visual design approval

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

The background of the select options dropdown is white when in dark mode
(on Windows), making the text difficult to read.

Issue Number: CDE-1492

This fix adds the background-color of the options to match the textarea
in the clr theme, and uses the cds-alias-object-interaction-background
token in the cds theme.

- [ ] Yes
- [x] No

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

![image

(2)](/~https://github.com/vmware-clarity/ng-clarity/assets/34519388/25dc547e-5d03-4981-b49b-219c8d26c727)
Copy link
Contributor

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.

@github-actions github-actions bot locked and limited conversation to collaborators Dec 26, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants